#docConsultation {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: rgba(246,246,246,1);
    .avatar-uploader .el-upload {
        border: 1px dashed #BCBBBB;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }
    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }
    .avatar-uploader-icon {
        font-size: 14px;
        color: #BCBBBB;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
    }
    .avatar {
        width: 44px;
        height: 44px;
        display: block;
    }
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat left center;
            background-size: 30px;
        }
        div {
            @include flex();
            text-align: center;
            font-size: 18px;
            padding-right: 30px;
        }
    }
    .tip {
        width: 100%;
        height: auto;
        padding: 10px 15px;
        font-size: 10px;
        text-align: center;
        line-height: 25px;
        color: #43d89c;
    }
    .border-8 {
        width: 100%;
        height: 6px;
        background: #F6F6F6;
    }
    .marks {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: rgba(0, 0, 0, .5);
        div.swipe {
          @include flexbox();
          @include flex-direction(column);
          position: fixed;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 95%;
          height:1rem;
          font-size: 10px;
          font-family: '新宋体';
          border-radius: 8px;
          ul{
          overflow: auto;
          }
        }
      }
    >ul {
        @include flex();
        width: 100%;
        overflow-y: scroll;
        li {
            background: #fff;
            &>a {
                margin: 0 15px;
                padding: 14px 0;
                line-height: 26px;
                border-bottom: 1px solid rgba(223,223,223,1);
                @include flexbox();
                font-size: 15px;
                color: rgba(51,51,51,1);    
                &>input[type='text'] {
                    @include flex();
                    border: none;
                    padding-left: 10px;         
                }
                &.proitem {
                    @include flex-wrap(wrap);
                    padding-left: 20px;
                    span.tiankong {
                        @include flexbox();
                        @include flex-wrap(wrap);
                        input {
                            display: inline-block;
                            border: none;
                            border-bottom: 1px solid rgba(223,223,223,1);
                            width: auto;
                            padding: 0 10px;
                        }
                    }
                    
                }
                label {
                    position: relative;
                    display: inline-block;
                    padding: 0 15px;
                    font-size: 15px;
                    input[type='radio'] {
                        position: absolute;
                        opacity: 0;
                    }
                    input[type='radio']:checked+i {
                        position: absolute;
                        display: inline-block;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background: url(image/text_selected.png) no-repeat center bottom;
                        background-size: 17px;
                    }
                }
                &.guanjie div {
                    width: 50%;
                    input {
                        border: none;
                        border-bottom: 1px solid rgba(223,223,223,1);
                        width: 20px;
                    }
                }
                &.guanjie label {
                    padding: 0 5px;
                }
            }
            &:last-child a {
                // border: none;
                // height: auto;
                width: 100%;
                @include flexbox();
                @include flex-wrap(wrap);
                textarea { 
                    resize: none;
                }
            }
        }
    }
    small {
        font-size: 12px;
    }
    &>a {
        display: block;
        width: 229px;
        height:35px;
        color: #fff;
        font-size: 17px;
        text-align: center;
        margin: 15px auto;
        border-radius: 20px;
        line-height: 35px;
        background:linear-gradient(to bottom,#43d88a,#43d89c);
    }
    :disabled {
        background: #fff;
    }
}